<template>
  <div class="wrapper">
    <v-head @selectMenu="selectMenu"></v-head>
    <v-sidebar :menuval="selectMenuVal"></v-sidebar>
    <div class="content-box" :class="{ 'content-collapse': collapse }">
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>

import vHead from './Header.vue';
import vSidebar from './Sidebar.vue';
export default {
  data() {
    return {
      selectMenuVal: ''
    }
  },
  components: {
    vHead,
    vSidebar,
  },
  setup() {
    const collapse = false
    return { collapse }
  },
  methods: {
    selectMenu(val) {
      this.selectMenuVal = val
    }
  },
}
</script>
